<template>
  <div class="pop-menu-container">
    <FullScreenButton />
    <ZoomInButton />
    <ZoomOutButton />
  </div>
</template>

<script setup lang="ts">
import FullScreenButton from "../FullScreenButton/index.vue";
import ZoomInButton from "../ZoomInButton/index.vue";
import ZoomOutButton from "../ZoomOutButton/index.vue";
defineOptions({
  name: "PopMenu",
});
</script>

<style scoped lang="scss">
.pop-menu-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  row-gap: 5px;
  top: 10px;
  right: 20px;
  z-index: 99;
}
</style>
